Node / mirrors / MeshChatX / files / meshchatx / src / frontend / components / SidebarLink.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD AND MIT -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72RouterLink Te6edf3v-slotTff7b72=Ta5d6ff"Tb4b4b4{ Te6edf3hrefTb4b4b4, Te6edf3navigateTb4b4b4, Te6edf3isActive Tb4b4b4}Ta5d6ff" Tb4b4b4:Te6edf3toTff7b72=Ta5d6ff"Te6edf3toTa5d6ff" Te6edf3customTb4b4b4>

Tb4b4b4<Tff7b72a

Tb4b4b4:Te6edf3hrefTff7b72=Ta5d6ff"Te6edf3hrefTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Tb4b4b4:Te6edf3draggableTff7b72=Ta5d6ff"Tff7b72falseTa5d6ff"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Te6edf3collapsedActiveClassTb4b4b4(Te6edf3isActiveTb4b4b4)Tb4b4b4,

Te6edf3isCollapsed Tff7b72? Ta5d6ff'overflow-visible justify-center rounded-none' Tff7b72: Ta5d6ff'overflow-hidden rounded-r-full mr-2'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"w-full text-gray-800 dark:text-zinc-200 group flex gap-x-3 p-2 text-sm leading-6 font-semibold focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 dark:focus-visible:outline-zinc-500"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3handleNavigateTb4b4b4(Te6edf3$eventTb4b4b4, Te6edf3navigateTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"my-auto shrink-0"Tb4b4b4>

Tb4b4b4<Tff7b72slot Te6edf3nameTff7b72=Ta5d6ff"icon"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72slotTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-ifTff7b72=Ta5d6ff"Tff7b72!Te6edf3isCollapsedTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"my-auto flex w-full truncate transition-all duration-300"Tb4b4b4>

Tb4b4b4<Tff7b72slot Te6edf3nameTff7b72=Ta5d6ff"text"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72slotTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72aTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72RouterLinkTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"SidebarLink"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3toTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3isCollapsedTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3editModeTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"click"Tb4b4b4]Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3collapsedActiveClassTb4b4b4(Te6edf3isActiveTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3isCollapsed Tff7b72&& Te6edf3isActiveTb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4[

Ta5d6ff"text-blue-800 dark:text-blue-300"Tb4b4b4,

Ta5d6ff"bg-black/[0.04] dark:bg-black/40"Tb4b4b4,

Ta5d6ff"shadow-[inset_2px_2px_5px_rgba(0,0,0,0.18),inset_-1px_-1px_2px_rgba(255,255,255,0.8)]"Tb4b4b4,

Ta5d6ff"dark:shadow-[inset_2px_2px_6px_rgba(0,0,0,0.72),inset_-1px_-1px_1px_rgba(255,255,255,0.07)]"Tb4b4b4,

Tb4b4b4]Tb4b4b4.Te6edf3joinTb4b4b4(Ta5d6ff" "Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3isActiveTb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff"bg-blue-100 text-blue-800 group:text-blue-800 dark:bg-zinc-800 dark:text-blue-300"Tb4b4b4;

Tb4b4b4}

Tff7b72return Ta5d6ff"hover:bg-gray-100 dark:hover:bg-zinc-700"Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3handleNavigateTb4b4b4(Te6edf3eventTb4b4b4, Te6edf3navigateTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3editModeTb4b4b4) Tb4b4b4{

Te6edf3eventTb4b4b4.Te6edf3preventDefaultTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72returnTb4b4b4;

Tb4b4b4}

Te6edf3navigateTb4b4b4(Te6edf3eventTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>